<template>
  <div class="view-echarts-category">
    <a-row>
      <a-col :span="24" class="view-echarts-category-col">
        <a-card title="折线图" :bordered="false">
          <a-alert message="以下所有的 demo皆引用echarts 官方示例" type="success" />
          <br />
          文档地址&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <a target="_blank" href="">https://echarts.apache.org/examples/zh/index.html#chart-type-line</a>
        </a-card>
      </a-col>

      <!-- <img src="./line/images/005163b4-4e41-4523-a927-312686af0379.jpeg" alt="" /> -->

      <a-col :span="4" class="view-echarts-category-col" v-for="item in datas" :key="item.img">
        <a-card :title="item.title" :bordered="false">
          <!-- <img :src="item.img" alt="" /> -->
          <a-image width="100%" :src="item.img" />
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup name="index">
import { data } from './line/data'
// 注册必须的组件

const datas = reactive(data)

/**
 * setup
 * @param {*}
 * @returns
 */
</script>

<style lang="less">
@import '../index.less';
</style>
